/** @format */
import ReactContentLoader from 'react-content-loader'

export default function Skeleton() {
  return (
    <ReactContentLoader
      speed={2}
      width='100%'
      height={230}
      viewBox='0 0 375 230'
      backgroundColor='#f3f3f3'
      foregroundColor='#ecebeb'>
      <rect
        x='16'
        y='8'
        rx='3'
        ry='3'
        width='340'
        height='20'
      />
      <rect
        x='16'
        y='36'
        rx='0'
        ry='0'
        width='70'
        height='10'
      />
      <rect
        x='96'
        y='36'
        rx='0'
        ry='0'
        width='50'
        height='10'
      />
      <rect
        x='156'
        y='36'
        rx='0'
        ry='0'
        width='50'
        height='10'
      />
      <circle
        cx='33'
        cy='69'
        r='17'
      />
      <rect
        x='60'
        y='65'
        rx='0'
        ry='0'
        width='45'
        height='10'
      />
      <rect
        x='304'
        y='65'
        rx='0'
        ry='0'
        width='52'
        height='10'
      />
      <rect
        x='16'
        y='114'
        rx='0'
        ry='0'
        width='340'
        height='15'
      />
      <rect
        x='263'
        y='208'
        rx='0'
        ry='0'
        width='94'
        height='19'
      />
      <rect
        x='16'
        y='141'
        rx='0'
        ry='0'
        width='340'
        height='15'
      />
      <rect
        x='16'
        y='166'
        rx='0'
        ry='0'
        width='340'
        height='15'
      />
    </ReactContentLoader>
  )
}
